<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript"
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/js/jquery.tokeninput.js"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/resources/css/token-input.css"
	type="text/css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/resources/css/token-input-yolo.css"
	type="text/css" />

<!-- <script type="text/javascript">
	$(document).ready(
			function() {
				$("input[type=button]").click(
						function() {
							alert("Would submit: "
									+ $(this).siblings("input[type=text]")
											.val());
						});
			});
</script> -->

<title>Airline Filter Demo</title>
</head>
<body>

	<h2 id="theme">Airline Filter</h2>
	<form method="POST" name="airline"
		action="${pageContext.request.contextPath}/airline_filter.html"
		modelAttribute="text">
		<input type="text" id="demo-input-airline" name="airlines" /> <input
			type="submit" value="Submit" />
		<script type="text/javascript">
			$(document)
					.ready(
							function() {
								$("#demo-input-airline")
										.tokenInput(
												"${pageContext.request.contextPath}/airlinejson.html",
												{
													theme : "yolo",
													preventDuplicates : true
												});
							});
		</script>
	</form>

	<p>${message}</p>

</body>
</html>